﻿
@{
    ViewBag.Title = "OrderDet";
    Layout = "~/Views/UserInfo/_LayoutUserPanel.cshtml";

}
@section head{
    <script src="~/Lib/laydate/laydate.js"></script>
    <script src="~/Lib/echarts.min.js"></script>
    <link href="~/Content/userpanel-bill.css" rel="stylesheet" />
    <script src="~/Scripts/src/userpanel-orderdet.js?v=2105130959"></script>
}

<script id="tpl_dire" type="text/html">
    {{# if(d.Dire==0){ }}
    <span class="quota-out">支出</span>
    {{# }else{ }}
    <span class="quota-in">支入</span>
    {{# } }}
</script>

<script id="tpl_quota" type="text/html">
    {{# if(d.Dire==0){ }}
    <span class="quota-value quota-out iconfont icon-jinbi">-{{d.Quota}}</span>
    {{# }else{ }}
    <span class="quota-value quota-in iconfont icon-jinbi">+{{d.Quota}}</span>
    {{# } }}
</script>

<div class="orderdet">
    <div class="titbar iconfont icon-shoppingcart">交易记录</div>
    <div class="bill-search">
        <div class="titbar titbar-sub">账单查询</div>
        <form id="query-form" class="layui-form" action="/userinfo/billdata" method="get">
            <div class="lef">
                <div>
                    <label class="layui-form-label">资金出入:</label>
                    <div class="dire-fillterbox">
                        <select id="dire-fillter" name="dire">
                            <option selected value="-1">全部</option>
                            <option value="1">支入</option>
                            <option value="0">支出</option>
                        </select>
                    </div>
                </div>
                <div>
                    <label class="layui-form-label">日期范围:</label>
                    <div class="layui-input-block" style="width:260px">
                        <input required lay-verify="required" name="datearea" class="layui-input laydate-input" readonly type="text" placeholder="选择日期范围" id="query-laydate-area" />
                    </div>
                </div>
            </div>
            <div class="rig">
                <div>
                    <label class="layui-form-label">交易途径:</label>
                    <div class="way-fillterbox">
                        <select id="way-fillter" name="trad">
                            <option selected value="0">全部</option>
                            <option value="1">商品夺宝</option>
                            <option value="2">账户充值</option>
                            <option value="3">账户提现</option>
                        </select>
                    </div>
                </div>
                <div>
                    <button lay-submit lay-filter="query-form" id="query-search" class="layui-btn layui-btn-warm iconfont icon-search">查询账单</button>
                </div>
            </div>
        </form>
    </div>
    <div class="bill-table">
        <div class="titbar titbar-sub" style="">账单目录</div>
        <table id="billtable"></table>
        <div class="tip-def iconfont icon-guanyu">默认仅显示最后100条记录</div>
    </div>
    <div class="bill-tj">
        <div class="titbar titbar-sub">账单统计</div>
        <div class="chart-selyearbx layui-form">
            <label class="layui-form-label">选择统计年份</label>
            <div class="layui-input-block" style="width:150px">
                <input type="text" class="layui-input laydate-input" value="" readonly id="chart-selyear" placeholder="请选择统计年份" />
            </div>
        </div>
        <div class="charts">
            <div id="chart-year" style="width:1000px;height:500px"></div>
        </div>
    </div>
</div>
